<div class='modal-header'>
    <h3 class='modal-title'>Change Password</h3>
</div>

<div class='modal-body'>
    <form class="form-horizontal" role="form" action="{{url}}" method="post">
        <div class="form-group">
            <label class="control-label col-sm-2" for="oldPassword">Old Password:</label>

            <div class="col-sm-10">
                <input type="password" class="form-control" id="oldPassword" name="oldPassword" placeholder="Please input your password" ng-model="oldPassword">
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-sm-2" for="newPassword">New Password:</label>

            <div class="col-sm-10">
                <input type="password" class="form-control" id="newPassword" name="newPassword" placeholder="Please input your password" ng-model="newPassword">
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-sm-2" for="confirmPassword">Confirm Password:</label>

            <div class="col-sm-10">
                <input type="password" class="form-control" id="confirmPassword" name="confirmPassword" placeholder="Please input your password" ng-model="confirmPassword">
            </div>
        </div>
    </form>
</div>

<div class="modal-footer">
    <button class="btn btn-primary" type="button" ng-click="ok()" ng-disabled="confirmPassword != newPassword || oldPassword == newPassword || newPassword.length < 4">OK</button>
    <button class="btn btn-primary" type="button" ng-click="cancel()">Cancel</button>
</div>